<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>余额充值</title>
    <link rel="stylesheet" type="text/css" th:href="@{/style/balance.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/style/style.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">
    <style type="text/css">
        input {
            width: 30px;
            height: 30px;
        }
    </style>
</head>

<style type="text/css">
    #pc_nav ul li:hover div {
        display: inline-block;
    }

    #pc_nav ul li div {
        display: none;
        border-radius: 2px;
        position: absolute;
    }

    #pc_nav ul li #di2 {
        width: 140px;
        height: 320px;
        background-color: white;
    }

    #pc_nav ul li #di2 a {
        /*text-decoration: none;*/
        list-style: none;
        height: 15px;
        margin-top: 5px;
        color: lightgrey;
        border: 0px solid gainsboro;
        line-height: 5px;
        width: 80%;
        word-break: keep-all;
        white-space: nowrap;
        text-align: center;
        display: block;
        font-size: 18px;
        margin-left: -20px;
        margin-bottom: 20px;
    }

</style>
<body>
<!--nav-->
<nav id="pc_nav" class="container clearfix hidden-xs" th:each="codeUser:${codeUsers}">
    <a href="http://www.baidu.com" th:href="@{/logged/loginIndex(userNo=${codeUser.userNo})}" class="fl mt10">
        <img th:src="@{/images/codeLogo.jpg}" width="120px" height="70px"></a>
    <ul class="fr clearfix">
        <li>
            <a href="http://www.baidu.com" th:href="@{/logged/loginIndex(userNo=${codeUser.userNo})}">首页</a></li>
        <li><span>|</span></li>
        <li><a href="#" th:href="@{/item/loginItemsList(userNo=${codeUser.userNo})}">项目</a></li>
        <li><span>|</span></li>
        <li>
            <span th:switch="${codeUser.type}">
                    <span th:case="1">
                      <a href="#" th:href="@{/item/releaseProject(userNo=${codeUser.userNo})}">项目发布</a>
                    </span>
                    <span th:case="2">
                       <a href="#">我的参与</a>
                    </span>
            </span>
        </li>
        <li><span>|</span></li>
        <li><a href="#" th:href="@{/help}">帮助</a></li>

        <li class="div2">
            <span><a href="#"><img th:src="@{'/article/'+ ${codeUser.image}}" height="60px" width="60px"></a></span>
            <div id="di2" class="div2x" style="z-index: 90;margin-top: 2px;">
                <p><a style="text-decoration: none" th:text="'hello，'+${codeUser.nickName}">hello，xxx</a></p>
                <hr/>
                <p><a th:href="@{/logged/userInformation(userNo=${codeUser.userNo})}">个人中心</a></p>
                <hr/>
                <p><a th:href="@{/logged/moneyPay(userNo=${codeUser.userNo})}">我的开发宝</a></p>
                <hr/>
                <p><a th:href="@{/item/myCollection(userNo=${codeUser.userNo})}">我收藏的项目</a></p>
                <hr/>
                <p><a th:href="@{/logged/advise(userNo=${codeUser.userNo})}">我要建议</a></p>
                <hr/>
                <p><a th:href="@{/}">退出登录</a></p>
            </div>
        </li>

    </ul>
</nav>


<div class="main-menu">
    <div class="content-menu" style="width: 100%; height: 100%;">
        <div class="left-menu">
            <div class="left-v-menu">
                <ul th:each="codeUser:${codeUsers}">
                    <a th:href="@{/logged/moneyPay(userNo=${codeUser.userNo})}" class="side-nav-a">
                        <li class="side-nav-item"><img th:src="@{/images/acount.png}" style="margin-left: 20px;"><span
                                style="margin-left: 10px;">账户余额</span></li>
                    </a>
                    <a th:href="@{/logged/password(userNo=${codeUser.userNo})}" class="side-nav-a">
                        <li class="side-nav-item"><img th:src="@{/images/password.png}" style="margin-left: 20px;"><span
                                style="margin-left: 10px;">交易密码</span></li>
                    </a>
                </ul>
            </div>
        </div>
        <div class="right-menu" th:each="codeUser:${codeUsers}">
            <form style="width: 680px;height: 400px;" th:action="@{/logged/moneyPay(userNo=${codeUser.userNo})}"
                  method="post">
                <div class="tips" style="width: 640px;margin-left: 45px;">根据税务局要求，2018年6月起码虫将不再支持发票，仅提供资金托付服务。敬请谅解!
                </div>
                <div class="PayWay" style="margin-top: 40px;">
                    <h2 style="text-align: center;">开发宝余额</h2>
                    <div class="show-balance"><em th:text="${codeUser.banlance}+'元'">0元</em>&nbsp;
                        <div class="money-tips">可提现金额 :<label th:text="${codeUser.banlance}+'元'">0.00元</label></div>
                    </div>
                </div>
                <div class="PayWay" style="height: 185px;">

                    <div style="width: 154px;height: 115px;margin-top: 60px;">
                        <h2 style="margin-top: 20px;">充值金额</h2>
                        <span>每次充值金额不能低于1元</span>
                    </div>
                    <div style="width: 386px;height: 115px;margin-top: -135px;margin-left: 240px;">
                        <label>
                            <input class="price" type="text" name="price" required="required"
                                   onkeyup="if(
												    (this.value.indexOf('.') != -1&&(this.value).substring
												       (
												          (this.value).indexOf('.'),(this.value).length)
												          .length>3
												          )
												       ){alert('只能输入数字，小数点后只能保留两位');this.value='';}
												   else
												       if
												       (this.value<=0)
												       {alert('只能输入大于0的数');this.value='';}"
                            />元

                        </label>
                    </div>


                </div>
                <div style="width: 582px;">
                    <button type="submit"
                            style="margin-left: 240px;background-color: rgb(83,147,222);height: 51px;width: 176px;">
										<span style="color: white;font: 1.3rem;text-align: center;font-size: 18px;">
											立即充值
								</span>
                    </button>
                </div>

            </form>
        </div>


    </div>

</div>
</div>
<footer>
    <div class="footer-codeworm" style="margin-top: 1000px;"><span
            style="margin-left: 500px;font-weight: 600;font-size: 20px;color: white;">码虫服务平台</span><strong
            style="margin-left: 800px;color: rgb(135,150,168);">Copyright©2018-2022</strong></div>
</footer>
</body>
</html>
